{% extends "../../_base/layout.html" %} 

{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/personal_form.css"> 
{% endblock %} 

{% block js %}
<script src="{{site.static}}/js/personal/security/beMember.js"> </script>
{% endblock %} 

{% block content %}
    <div class="member-name-input step-wrap">        
        {% block header%}
        {% set pageHeaderConf = {pageTitle:__("member_name_input_tips"),level:3} %} 
        {% include "../../_base/page_header.html" %} 
        {% endblock %}
        <div class="page-wrap eui--white-bacg">
            <p class="page-title-second eui--556c96-color eui--text-center eui--font-26">{{__("bemember_name_page_tips")}}</p>
            <form class="eui-login-form eui--white-bacg">
                <div class="eui-form-group">
                    <label for="username" class="eui-lable eui--black-color eui--font-26">{{__("login_account_name")}}</label>
                    <input class="eui-input eui--font-26" type="text" placeholder="{{__('member_name_input_tips')}}">
                </div>
                <div class="eui--margin-t-20">
                    <p class="eui--949494-color eui--font-24">{{__("register_member_input_tips_1")}}</p>
                    <p class="eui--949494-color eui--font-24">{{__("register_member_input_tips_2")}}</p>
                    <p class="eui--949494-color eui--font-24">{{__("register_member_input_tips_3")}}</p>
                </div>
                <a class="btn-step eui-btn eui--width-100 eui-btn-lg eui-btn-primary eui--margin-t-100" href="javascript:;">{{__("btn_next")}}</a>
            </form>
            <div class="page-footer eui--text-center eui--width-100">
                <a class="eui--display-b eui--556c96-color eui--font-26 eui--margin-b-20" href="/personal/beMember/phone">{{__("bemember_name_footer_tips")}}</a>
            </div>
        </div>
    </div>

    <div class="member-pwd-set step-wrap eui--hide">
        <div class="eui-bar page-header eui-bar-fixed eui-bar-fixed-top">
            <div class="eui-bar-nav">
                <a href="javascript:;" class="btn-back eui-icon eui-icon-back" id="btn_back_step_second"></a>
                <h1 class="page-title eui--text-center">{{__("set_password")}}</h1>
            </div>
        </div>
        <div class="page-wrap eui--white-bacg">
            <div class="eui-login-form">
                <div class="eui-form-group">
                    <label for="userName" class="eui-lable eui--font-26 eui--black-color">
                        {{__("password")}}
                    </label>
                    <input id="userName" class="eui-input eui--font-26" type="text" placeholder="{{__('login_password_input_tips')}}">
                    <div class="eui--pull-right eui--text-r">
                        <span class="eui-icon eui-icon-eye_open"></span>
                    </div>
                </div>
                <div class="tips-text eui--margin-y-20">
                    <p class="eui--949494-color eui--font-24">{{__("password_input_tips_1")}}</p>
                    <p class="eui--949494-color eui--font-24">{{__("password_input_tips_2")}}</p>
                </div>
                <div class="eui-form-group">
                    <label for="userName" class="eui-lable eui--font-26 eui--black-color">
                    {{__("verifycode")}}
                    </label>
                    <input id="userName" class="eui-input eui--font-26" type="text" placeholder="{{__('register_phonecode_input_tips')}}">
                    <div class="eui--pull-right eui--text-r">
                        <img src="{{site.cdn}}/code.jpg" alt="">
                    </div>
                </div>
                <div class="agree eui--margin-y-20">           
                    <label>
                        <input type="checkbox" name="radioName" id="agree-text" hidden/>
                        <label for="agree-text" class="eui-login-radio"></label>
                        <span class="radio-name">{{__("login_procity_agree_tips_1")}}
                            <a class="eui--blue-color" href="javascript:;">{{__("login_procity_agree_tips_2")}}</a>{{__("login_procity_agree_tips_3")}}
                            <a class="eui--blue-color" href="javascript:;">{{__("login_procity_agree_tips_4")}}</a>
                        </span>
                    </label>
                </div>
                <a class="eui-btn eui--width-100 eui-btn-lg eui-btn-primary eui--margin-t-100" href="javascript:;">{{__("btn_register")}}</a>
            </div>
            <div class="page-footer eui--text-center eui--width-100">
                <a class="eui--display-b eui--556c96-color eui--font-26 eui--margin-b-20" href="/login/question">{{__("login_help")}}</a>
            </div>
        </div>
    </div>
{% endblock %}